@tailwind base;
@tailwind components;
@tailwind utilities;

/* 基础css 在这里定义全局class font字体等 */
@layer base{

    #app{
        @apply h-screen w-screen ;
    }

    .page{
        @apply w-full h-full overflow-auto;
    }

    .page-hidden{
        @apply w-full h-full overflow-hidden;
    }

    .page-scroll{
        @apply w-full h-full overflow-scroll;
    }
}

/* 在这里定义新的功能类 */
@layer utilities{

    /* 包裹响应式，hover，focus，dark点状态 */
    @variants responsive,hover,focus,dark{
        /* xxxxx */
    }
}